{% extends "front/settings.html" %}

{% block content %}
    <div class="change-email-container">
        <div class="change-email-header">
            <h2>新邮箱</h2>
        </div>

        <div class="change-email-form">
            <div class="email-info">
                <p>我们将向新邮箱发送验证码：</p>
            </div>

            <div class="form-group">
                <label for="new-email" class="form-label">新邮箱</label>
                <input type="email" id="new-email" name="new-email" class="form-input"
                       placeholder="请输入新的邮箱地址">
            </div>


            <div class="form-group">
                <label for="captcha" class="form-label">验证码</label>
                <div class="captcha-input-group">
                    <input type="text" id="captcha" name="captcha" class="form-input"
                           placeholder="请输入验证码" maxlength="6">
                    <button type="button" id="send-new—email-captcha" class="old-btn old-btn-secondary">发送验证码</button>
                </div>
            </div>

            <div class="form-group">
                <button type="button" class="old-btn old-btn-primary next-btn" id="save-new-email">确定</button>
                <a href="{{ url_for('front.set_count') }}" class="old-btn old-btn-default cancel-next-btn">取消</a>
            </div>
        </div>
    </div>
{% endblock %}
